<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="ie=edge" http-equiv="X-UA-Compatible">
    <title>文章</title>
    <link rel="stylesheet" href="css/index/jubao_box.css">
    <link rel="short icon"  href="images/style/shijiao.ico">
    <link rel="stylesheet" href="css/bootstrap/css/bootstrap.css">
    <link href="css/index/main.css" rel="stylesheet">
    <link href="css/index/wy_main.css" rel="stylesheet">
    <link href="css/index/nav-top.css" rel="stylesheet">
    <link href="css/index/nav.css" rel="stylesheet">
    <link href="css/index/nav-top.css" rel="stylesheet">
    <link href="css/index/user.css" rel="stylesheet">
    <link href="css/index/news/news.css" rel="stylesheet">
    <link href="css/index/news/comment.css" rel="stylesheet">
    <link rel="stylesheet" href="css/index/video.css">
    <script src="js/jquery/jquery1.12.4.js"></script>
    <script src="js/jquery/jquerysession.js"></script>
    <script src="js/jquery/jquerycookie.js"></script>
    <script src="js/user/user.js"></script>
    <script src="js/main.js"></script>
    <script src="js/news.js"></script>
    <script src="js/other/video.main.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/html5media/1.1.8/html5media.min.js"></script>
</head>
<body>
<div class="navbar navbar-default" style="margin-bottom: 10px">
    <ul>
        <li class="fl"><a class="active" href="index.html">主页</a></li>
        <li class="fl"><a class="active" href="login.html?type=logon">注册视角号</a></li>
<!--        <li class="fl"><a class="active" href="index.html">下载APP</a></li>-->
        <li class="fr"><a class="" target="_blank" href="create.html?type=zhuye">创作中心</a></li>
        <li class="fr">
            <a class="user_main_info">
                <span class="user_img">
                    <img id="top_main_user_img" src="./images/index/视角LOGO 背景.jpg"
                         alt="">
                </span>
                <span id="top_user_main_id">未登录</span>
            </a>
        </li>

    </ul>
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="index.html"></a>
            <a class="logo_text" style="font-size: 30px;font-family:'楷体',serif;color: #ea0c3c;font-weight: bold;margin-left: 10px">视角</a>
        </div>
        <div class="navbar-header head-tag" style="margin-left: 10px">
            <a href="index.html">首页 &nbsp;/&nbsp;</a>

            <span style="color: #999;">正文</span>
        </div>
        <div class="nav-right">
            <div class="search input-group">
                <input class="search-input form-control" placeholder="搜索站内资讯、视频或用户" type="text" value>
                <div class="input-group-btn">
                    <button class="btn search-btn btn-default">搜索</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="col-md-8 news">
        <h1 class="title"></h1>
        <p class="info">
            <span class="Author"></span> •
            <span >发布于<span class="atime"></span></span>
            <span class="label label-default"></span>
        </p>
        <div class="content_main_video" style="margin: 20px 0">
<!--            <video width="760" height="429" controls autoplay loop>-->
<!--                <source class="video_src_content" src="">-->
<!--            </video>-->
            <video id="example_video_1" class="video-js" controls preload="none" width="760" height="429" preload="auto" >
                <source class="video_src_content" src="" type="video/mp4">
            </video>
            <script>
                $(function (){
                    var player = videojs('example_video_1',{
                        muted: true,
                        controls : true/false,
                        loop : true,
                        // autoplay : true,
                        // 更多配置.....
                    });
                })
            </script>
            <style>
                .video-js .vjs-big-play-button {
                    left: 45% !important;
                    top: 45% !important;
                    /*width: 20%;*/
                    /*height: 20%;*/
                }

                .video-js .vjs-play-control:before {
                    /*top:20% !important;*/
                    /*content: '\f101';*/
                    /*font-size: 48px;*/
                }
            </style>
        </div>

        <div class="article-detail-comment">
            <div class="comment-meta">
                <div class="comment-number">
                    <span class="number" id="comment"></span> &nbsp;&nbsp;条评论
                    <div class="like_collect">
                        <span id="like_icon" aria-hidden="true" class="glyphicon glyphicon-heart-empty like-bf"></span><span class="number_heart" style="font-size: 14px;font-weight: 200;margin:0 5px;color: #0f0f0f;"> 1231</span>
                        <!--                        <span aria-hidden="true" class="glyphicon glyphicon-heart like-aft"></span>-->
                        <!--                        <span aria-hidden="true" class="glyphicon glyphicon-star collect-aft"></span>-->
                        <span id="collect_icon" aria-hidden="true" class="glyphicon glyphicon-star-empty collect-bf"></span>
<!--                        <span class="number_start" style="font-size: 14px;font-weight: 200;margin:0 5px;color: #0f0f0f;"> 1231</span>-->
                    </div>

                </div>
            </div>
            <div class="main-input-area">
                <div class="avatar">
                    <img alt=""
                         src="https://sf6-ttcdn-tos.pstatp.com/img/pgc-image/d30a2c529e5842828fe993b292fe9b6d~120x256.image">
                </div>
                <div class="input-textarea">
                    <label></label><textarea cols="30" id="comment_main_user_new_comment" name="" placeholder="写下您的评论..."
                                             rows="10"></textarea>
                    <div class="input-footer">
                        <button class="submit-btn user_new_comment" id="user_new_comment" type="button">评论</button>
                    </div>
                </div>
            </div>
            <div class="comment-list">

            </div>
            <div class="load-more-comment">

            </div>
        </div>

    </div>
    <div class="col-md-4 media-info-wrapper">
        <div class="media-info">
            <div class="user-info ">
                <a id="item_Author_head_img" class="user-avatar">
                </a>
                <div class="user-name">
                    <a class="name item_Author user_link"></a>
                    <div class="user-follow user_guanzhu">
                        <span>关注</span>
                    </div>
                </div>
            </div>
            <ul class="related-list">

            </ul>
        </div>
        <div class="side-bar-well about_recommend">
            <strong class="side-bar-well-title">
                相关推荐
            </strong>

        </div>
        <div class="side-bar-well day_hot_news">
            <strong class="side-bar-well-title ">
                24小时热闻
            </strong>

        </div>
    </div>
</div>
<!--举报模态框-->
<div class="jubao_box" style="display: none">
    <div class="jubao_content" type="1">赌博诈骗</div>
    <div class="jubao_content" type="2">违禁违法</div>
    <div class="jubao_content" type="3">赌博诈骗</div>
    <div class="jubao_content" type="4">违禁违法</div>
</div>
<div class="mengban" style="display: none"></div>
<div class="footer">
<!--    © 2017 视角 中国互联网举报中心京ICP证1401号京ICP备125439号-3京公网安备-->
</div>
</body>
</html>
